<template>
  <div class="identify">
    <h1 class="t">忘记密码</h1>
    <div class="bd">
      <mt-field label="手机号" placeholder="请输入手机号" type="tel" v-model="phone"></mt-field>
      <mt-field label="验证码" placeholder="请输入验证码" v-model="captcha"></mt-field>
      <mt-button class="verify" type="primary" size="large">获取验证码</mt-button>
      <mt-field label="密码" placeholder="请输入密码" type="password" v-model="password"></mt-field>
      <mt-field label="确认密码" placeholder="请再次输入密码" type="password" v-model="password"></mt-field>
      <mt-button class="save" type="primary" size="large">保存</mt-button>
    </div>
  </div>
</template>
<style scoped>
  .identify {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .t {
    font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
    display: block;
    font-weight: 300;
    font-size: 25px;
    color: #35495e;
    letter-spacing: 1px;
    align-items: center;
    text-align: center;
    margin-top: 60px;
  }
  .bd {
    background-color: #fff;
    position: absolute;
    top: 25%;
    width: 70%;
    height: 50%;
    left: 15%;
  }
</style>
